<!--添加新随笔 -->

{{ extend '../blog_set_suibi.html'}}

{{block 'blog_set_layout_css'}}
    <link rel="stylesheet" href="../../css/blog_set/sb/blog_set_suibi_add.css">
{{/block}}

<!-- 右边的内容区域 -->
{{block 'blog_set_layout_content'}}
<div class="content">
    <div class="title">
        <p>添加新随笔</p>
    </div>
    <div class="link">
        <span>访问地址:</span>
        <a href="JavaScript:;">https://www.cnblogs.com/HJ412/p/10740730.html </a>
    </div>
    <div class="link-title">
        <input type="text" placeholder="请输入您的标题">
    </div>
    <div class="upload-img">
        <div class="info clearFix">
            <span>请使用Markdown语法来编辑内容</span>
            <img src="../../../imgs/upload.png" title="上传图片">
        </div>
        <div class="upload-wrap">
            <div class="source">
                <div class="info-img">
                    <img src="../../../imgs/uploadInit.png">
                </div>
                <div class="info-text">
                    将文件拖到此处, 或
                    <em>点击上传</em>
                </div>
                <input type="file" title="选择图片">
            </div>
        </div>
    </div>
    <div class="link-content">
        <textarea></textarea>
    </div>
    <!-- 个人分类 -->
    <div class="person-type opa-s">
        <div class="type-title clearFix" id="p" title="点击收起">
            <p>我的分类</p>
            <img src="../../imgs/more-img.png" alt="">
        </div>
        <div class="type-content clearFix">
            {{each wTypeData item index}}
                <div class="item">
                    <input type="checkbox">
                    <label >{{item.type}}</label>
                </div>
            {{/each}}           
        </div>
    </div>
    <!-- 高级选项 -->
    <div class="h-opa opa-s" id="hj">
        <div class="type-title clearFix" id="h" title="点击收起">
            <p>高级设置</p>
            <img src="../../imgs/more-img.png" alt="">
        </div>
        <div class="h-content">
            <div class="select-opa clearFix">
                <div>
                    <label>发布</label>
                    <input type="checkbox">
                </div>
                <div>
                    <label>显示在我的博客首页</label>
                    <input type="checkbox">
                </div>
                <div>
                    <label>顶置</label>
                    <input type="checkbox">
                </div>
                <div>
                    <label>更新时间</label>
                    <input type="checkbox">
                </div>
            </div>
            <div class="btn-opa">
                <button id="send">发布随笔</button>
                <button id="save">保存草稿</button>
                <button id="reject">取消编辑</button>
            </div>
        </div>
        
    </div>
</div>
{{/block}}
                       